<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>


<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
<div class="box XW-PC" style="margin-bottom: -65px;">
    <div class="search">
        <div class="">
            <div class="layui-form" action="">
                <div class="layui-inline">
                    <label class="layui-form-label">行业类别</label>
                    <div class="layui-input-inline">
                        <select name="quiz">
                            <option value="">请选择问题</option>
                            <option value="你的工号">你的工号</option>
                            <option value="你最喜欢的老师">你最喜欢的老师</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">工作地点</label>
                    <div class="layui-input-inline">
                        <select name="quiz">
                            <option value="">请选择问题</option>
                            <option value="你的工号">你的工号</option>
                            <option value="你最喜欢的老师">你最喜欢的老师</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">工作经验</label>
                    <div class="layui-input-inline">
                        <select name="quiz">
                            <option value="">请选择问题</option>
                            <option value="你的工号">你的工号</option>
                            <option value="你最喜欢的老师">你最喜欢的老师</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">发布时间</label>
                    <div class="layui-input-inline">
                        <select name="quiz">
                            <option value="">请选择问题</option>
                            <option value="你的工号">你的工号</option>
                            <option value="你最喜欢的老师">
                                你最喜欢的老师</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline" style="bottom: 0;">
                    <label class="layui-form-label"> &nbsp;</label>
                    <div class="layui-input-inline">
                        <button type="button" style="margin-left: 20px;" class="layui-btn layui-btn-normal">
                            <div class="layui-icon layui-icon-search">&nbsp;职位搜索</div>
                        </button>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label"> &nbsp;</label>
                    <div class="layui-input-inline">
                        <button type="button" style="margin-left: 20px;"
                            class="layui-btn layui-btn-primary">高级搜索</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<ul class="WX-title-left">
    <li class="XW-flex-line"><i></i>近期活动</li>
    <li></li>
</ul>
<div class="box default">
    <div class="activity">
        <div class="tags">
            <div class="active">大型招聘</div>
            <div>校园招聘</div>
            <div>外铺招聘</div>
            <div>通知公告</div>
        </div>
        <div class="content">
            <div class="article">
                <span>安徽工程大学2020届毕业生春季网络招聘</span>
                <span>[2020-05-16]</span>
            </div>
            <div class="article">
                <span>安徽工程大学2020届毕业生春季网络招聘</span>
                <span>[2020-05-16]</span>
            </div>
            <div class="article">
                <span>安徽工程大学2020届毕业生春季网络招聘</span>
                <span>[2020-05-16]</span>
            </div>
            <div class="article">
                <span>安徽工程大学2020届毕业生春季网络招聘</span>
                <span>[2020-05-16]</span>
            </div>
        </div>
        <div style="margin-top: 40px;">
            <button type="button" style="float: right;font-size: 10px;" class="layui-btn layui-btn-primary">
                查看更多
            </button>
            <div style="clear:both"></div>
        </div>

    </div>
    <div class="swiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-color: red;">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="login_mdl XW-PC">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">个人登录</li>
                <li>企业登录</li>
            </ul>
            <div class="layui-tab-content">
                <div class="login-box">
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                            for="LAY-user-login-username"></label>
                        <input type="text" name="username" id="LAY-user-login-username" lay-verify="required"
                            placeholder="用户名" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                            for="LAY-user-login-password"></label>
                        <input type="password" name="password" id="LAY-user-login-password" lay-verify="required"
                            placeholder="密码" class="layui-input">
                    </div>

                    <div class="layui-form-item"
                        style="margin-bottom: 20px; display: flex;justify-content: space-between;">
                        <div><a href="">注册</a></div>
                        <div> <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                            <span href="forget.html" class="layadmin-user-jump-change layadmin-link"
                                style="margin-top: 7px;">一周内记住消息</span>
                        </div>

                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit" style="
                        background: #409EFF;
                        border-radius: 10px;">登
                            入</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<!-- 行业频道 -->
<ul class="WX-title-left">
    <li class="XW-flex-line"><i></i>行业频道</li>
</ul>

<div class="box indchannel">
    <div class="select">
        <div class="active">经营/管理类</div>
        <div>行政/人事/文职</div>
        <div>经营/管理类</div>
        <div>行政/人事/文职</div>
        <div>经营/管理类</div>
    </div>
    <div class="company">
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
            <div class="mask">
                <div class="XW-titlesm">宁波名扬邮箱公司</div>
                <div>维修室 设计师</div>
                <span>查看详情</span>
            </div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
            <div class="mask">
                <div class="XW-titlesm">宁波名扬邮箱公司</div>
                <div>维修室 设计师</div>
                <span>查看详情</span>
            </div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
        <div class="cy">
            <img src="img/qrcode.png" alt="">
            <div>宁波名扬有限公司</div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function(){
        $(".cy").hover(function(){
            $(this).children(".mask").css("display","block");
        },function(){
            $(this).children(".mask").css("display","none");
        });
    });
    $(function () {
        let html = $(".indchannel").html()
        $(".indchannel .select").find('div').hover(function (res) {
            $(this).addClass('active').siblings().removeClass('active');
        })
    })

</script>

<ul class="WX-title-left">
    <li class="XW-flex-line"><i></i>最新招聘</li>
    <li class="WX-flexops">
        <div class="XW-tabs-ops">
            <div>全部</div>
            <div class="XW-active">经营/管理类</div>
            <div>行政/人事/文职类</div>
            <div>计算机/互联网类</div>
            <div>医疗/卫生类</div>
            <div>其他行业</div>
        </div>
        <span>换一换</span>
    </li>
</ul>
<div class="box XW-pop">
    <div class="XW-popList">
        <div>
            <div>宁波巍巍永红贸易有限公司宁波巍巍永红贸易有限公司</div>
            <div><span>聘:</span>市场推广 技术员 会计宁波巍巍永红贸易有限公司</div>
        </div>
        <div>16分钟前</div>
    </div>
    <div class="XW-popList">
        <div>
            <div>宁波巍巍永红贸易有限公司</div>
            <div><span>聘:</span>市场推广 技术员 会计</div>
        </div>
        <div>16分钟前</div>
    </div>
    <div class="XW-popList">
        <div>
            <div>宁波巍巍永红贸易有限公司</div>
            <div><span>聘:</span>市场推广 技术员 会计</div>
        </div>
        <div>16分钟前</div>
    </div>
    <div class="XW-popList">
        <div>
            <div>宁波巍巍永红贸易有限公司</div>
            <div><span>聘:</span>市场推广 技术员 会计</div>
        </div>
        <div>16分钟前</div>
    </div>
    <div class="XW-popList">
        <div>
            <div>宁波巍巍永红贸易有限公司</div>
            <div><span>聘:</span>市场推广 技术员 会计</div>
        </div>
        <div>16分钟前</div>
    </div>
</div>
<ul class="WX-title-left">
    <li class="XW-flex-line"><i></i>最新简历</li>
    <li class="WX-flexops">
        <div class="XW-tabs-ops findone">
            <div>浏览量</div>
            <div>发布时间</div>
        </div>
    </li>
</ul>

<div class="box XW-pop">
    <div class="XW-newbook">
        <img src="./img/qrcode.png" alt="">
        <div>
            <div class="XW-newbookcherd">
                <span>某某某</span>
                <span>1019</span>
            </div>
            <div>性别：男 | 工作经验：不明 | 学历：大学本科 | 专业：经济管理经济管理经济管理</div>
            <div>熟悉管理,熟悉各种经济学内容,熟悉管理,熟悉各种经济管理经济管理经济管理经济管理</div>
        </div>
    </div>
    <div class="XW-newbook">
        <img src="./img/qrcode.png" alt="">
        <div>
            <div class="XW-newbookcherd">
                <span>某某某</span>
                <span>1019</span>
            </div>
            <div>性别：男 | 工作经验：不明 | 学历：大学本科 | 专业：经济管理经济管理经济管理</div>
            <div>熟悉管理,熟悉各种经济学内容,熟悉管理,熟悉各种经济管理经济管理经济管理经济管理</div>
        </div>
    </div>
    <div class="XW-newbook">
        <img src="./img/qrcode.png" alt="">
        <div>
            <div class="XW-newbookcherd">
                <span>某某某</span>
                <span>1019</span>
            </div>
            <div>性别：男 | 工作经验：不明 | 学历：大学本科 | 专业：经济管理经济管理经济管理</div>
            <div>熟悉管理,熟悉各种经济学内容,熟悉管理,熟悉各种经济管理经济管理经济管理经济管理</div>
        </div>
    </div>
</div>

<ul class="WX-title-left">
    <li class="XW-flex-line"><i></i>友情链接</li>
</ul>

<div class="box XW-pop link">
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
    <div>宁波工业人才网</div>
</div>
<script>
    $(function () {
        setTimeout(() => {
            layui.use(['form', 'layedit', 'laydate', 'element'], function () {
                var form = layui.form
                    , layer = layui.layer
                    , layedit = layui.layedit
                    , laydate = layui.laydate;
                var element = layui.element;

            })

            var swiper = new Swiper('.swiper-container', {
                pagination: {
                    el: '.swiper-pagination',
                },
            });
        }, 500);
    })
</script>
